<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>基本过滤选择器</title>
	<script src="jquery-1.11.1.js"></script>
	<script>
		$(document).ready(function(){
			// :odd 
			// $("li:odd").css("background","red");

			// :even 
			$("li:even").css("background","blue");

			// :eq(index)  下标等于index 的
			// $("ul li:eq(4)").css("font-size","30px");

			// :lt(index)  lt 低于，或者少于
			// $("li:lt(6)").css("font-size","30px");

			// :gt(index)   gt 大于index 的后面数据
			// $(".ulList li:gt(7)").css("font-size","40px");

			// :first
			// $(".ulList li:first").css("font-size","40px");

			// :last 
			// $("li:last").css("font-size","40px");


		})
	</script>
</head>
<body>
	<ul class="ulList">
		<li>1 li </li>
		<li>2 li </li>
		<li>3 li </li>
		<li>4 li </li>
		<li>5 li </li>
		<li>6 li </li>
		<li>7 li </li>
		<li>8 li </li>
		<li>9 li </li>
		<li>10 li </li>
	</ul>
</body>
</html>